/*
This CSS file holds the global style for all the HTML pages. Changing the properties of this file
will change the layout for the entire site.
*/

/* change padding and margin to 0 for all elements, for cross-browser compatibility */
* {
  padding: 0px;
  margin: 0px;
}

/* main background color, flush with edge of browser */
#bodycontainer {
  background-color: #2d1919;
}

/* header is 100 px tall with a red gradient background and a horizontal line below it */
#headercontainer {
  height: 100px;
  background-color: #b31d1e;
  background-image: url("headerbg.png");
  background-repeat: repeat-x;
  border-bottom: 1px #ffd2d2 solid;
}

/* centers the content on the page, uses 50% of the width of the browser */
#headercontent, #navbarcontainer, #maincontentcontainer {
  margin-left: 25%;
  margin-right: 25%;
}

/* adds space to the top of the header contents and aligns the book image */
#headercontent {
  padding-top: 15px;
  padding-left: 85px;
  background-image: url("book.png");
  background-repeat: no-repeat;
  background-position: 0px 15px;
  height: 85px;
}

/* sets the font for the header and headersub text */
#headermaintext, #headersubtext {
  font-family: arial, helvetica;
}

/* sets the header text style */
#headermaintext {
  color: #efe4e7;
  font-size: 2.5em;
}

/* sets the sub header text style */
#headersubtext {
  font-size: 0.9em;
  padding-left: 5px;
  color: #d6a5a4;
  font-weight: bold;
}

#navbarcontainer {
  padding-top: 20px;
}

/* removes the dots before the navbar items and positions the list */
#navbarcontainer ul {
  list-style-type: none;
  padding-left: 10px;
  padding-bottom: 16px;
}

/* changes the list items to display horizontally */
#navbarcontainer li {
  color: #dcdcdc;
  font-family: arial, helvetica;
  display: inline;
  padding-right: 5px;
}

/* expand the link area to fill the entire 'button' */
#navbarcontainer a {
  padding: 7px 10px;
  background-color: black;
}

/* sets the link colors, for the navbar only */
#navbarcontainer a:link, #navbarcontainer a:visited {
  color: #dcdcdc;
  text-decoration: none;
}

/* sets the link hover color, for the navbar only */
#navbarcontainer a:hover {
  background-color: #6d1a1a;
}

#navbarcontainer #currentpage {
  background-color: #b61717;
}

/* sets the main style, moves it slightly below the header and puts padding between text and edge of div */
#maincontentcontainer {
  padding: 15px;
  border-top: 10px #b61717 solid;
  background-color: #f0f0f0;
  z-index: 1;
}

/* sets text color and font for main content */
#maincontentcontainer span {
  color: #5d5241;
  font-family: arial, helvetica;
  font-size: 0.8em;
  line-height: 175%;
}

/* sets text color for links */
a {
  color: #db6464;
}

/* class provided to center text */
.center {
  text-align: center;
}